
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Apple devices fullscreen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link href="../css/main.css?v=12u234y" rel="stylesheet" type="text/css">
<link href="../css/page.css" rel="stylesheet" type="text/css">
<link href="../font/css/font-awesome.min.css" rel="stylesheet" />
<!--[if IE 7]>
  <link rel="stylesheet" href="../font/css/font-awesome-ie7.min.css">
<![endif]-->
<link href="../js/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
<link href="../js/perfect-scrollbar.min.css" rel="stylesheet" type="text/css"/>
<style type="text/css">html, body { overflow: visible;}</style>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery-ui/jquery-ui.min.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script><!-- 弹窗js 参考文档 http://layer.layui.com/-->
<script type="text/javascript" src="../js/admin.js"></script>
<script type="text/javascript" src="../js/flexigrid.js"></script>
<script type="text/javascript" src="../js/jquery.validation.min.js"></script>
<script type="text/javascript" src="../js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="../js/jquery.mousewheel.js"></script>
<script src="../js/myFormValidate.js"></script>
<script src="../js/myAjax2.js"></script>
<script src="../js/global.js"></script>
<script type="text/javascript">
function delfunc(obj){
	layer.confirm('确认删除？', {
		  btn: ['确定','取消'] //按钮
		}, function(){
			$.ajax({
				type : 'post',
				url : $(obj).attr('data-url'),
				data : {act:'del',del_id:$(obj).attr('data-id')},
				dataType : 'json',
				success : function(data){
					if(data==1){
						layer.msg('操作成功', {icon: 1});
						$(obj).parent().parent().parent().remove();
					}else{
						layer.msg(data, {icon: 2,time: 2000});
					}
				}
			})
		}, function(index){
			layer.close(index);
			return false;// 取消
		}
	);
}

function delAll(obj,name){
	var a = [];
	$('input[name*='+name+']').each(function(i,o){
		if($(o).is(':checked')){
			a.push($(o).val());
		}
	})
	if(a.length == 0){
		layer.alert('请选择删除项', {icon: 2});
		return;
	}
	layer.confirm('确认删除？', {btn: ['确定','取消'] }, function(){
			$.ajax({
				type : 'get',
				url : $(obj).attr('data-url'),
				data : {act:'del',del_id:a},
				dataType : 'json',
				success : function(data){
					if(data == 1){
						layer.msg('操作成功', {icon: 1});
						$('input[name*='+name+']').each(function(i,o){
							if($(o).is(':checked')){
								$(o).parent().parent().remove();
							}
						})
					}else{
						layer.msg(data, {icon: 2,time: 2000});
					}
					layer.closeAll();
				}
			})
		}, function(index){
			layer.close(index);
			return false;// 取消
		}
	);	
}

//表格列表全选反选
$(document).ready(function(){
	$('.hDivBox .sign').click(function(){
	    var sign = $('#flexigrid > table>tbody>tr');
	   if($(this).parent().hasClass('trSelected')){
	       sign.each(function(){
	           $(this).removeClass('trSelected');
	       });
	       $(this).parent().removeClass('trSelected');
	   }else{
	       sign.each(function(){
	           $(this).addClass('trSelected');
	       });
	       $(this).parent().addClass('trSelected');
	   }
	})
});

//获取选中项
function getSelected(){
	var selectobj = $('.trSelected');
	var selectval = [];
    if(selectobj.length > 0){
        selectobj.each(function(){
        	selectval.push($(this).attr('data-id'));
        });
    }
    return selectval;
}
</script>
</head>
<script src="../js/layer/laydate/laydate.js"></script>
<body style="background-color: rgb(255, 255, 255); overflow: auto; cursor: default; -moz-user-select: inherit;">
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
	<div class="fixed-bar">
		<div class="item-title">
			<div class="subject">
				<h3>报表统计 - 销量排行</h3>
				<h5>网站系统报表统计</h5>
			</div>
		</div>
	</div>
	<!-- 操作说明 -->
	<div id="explanation" class="explanation" style="color: rgb(44, 188, 163); background-color: rgb(237, 251, 248); width: 99%; height: 100%;">
		<div id="checkZoom" class="title"><i class="fa fa-lightbulb-o"></i>
			<h4 title="提示相关设置操作时应注意的要点">操作提示</h4>
			<span title="收起提示" id="explanationZoom" style="display: block;"></span>
		</div>
		<ul>
        <li>销量排行, 由总平台设置管理.</li>
        </ul>
	</div>
	<div class="flexigrid">
		<div class="mDiv">
			<div class="ftitle">
				<h3>销量排行列表</h3>
				<!--<h5>(共条记录)</h5>-->
			</div>
			<div title="刷新数据" class="pReload"><i class="fa fa-refresh"></i></div>
		</div>
		<div class="hDiv">
			<div class="hDivBox">
				<table cellspacing="0" cellpadding="0">
					<thead>
					<tr>
						<th class="sign" axis="col0">
							<div style="width: 24px;"><i class="ico-check"></i></div>
						</th>
						<th align="center" abbr="article_title" axis="col3" class="">
							<div style="text-align: center; width: 50px;" class="">排行</div>
						</th>
						<th align="left" abbr="ac_id" axis="col4" class="">
							<div style="text-align: left; width: 600px;" class="">商品名称</div>
						</th>
						<th align="center" abbr="article_show" axis="col5" class="">
							<div style="text-align: center; width: 100px;" class="">货号</div>
						</th>
						<th align="center" abbr="article_time" axis="col6" class="">
							<div style="text-align: center; width: 50px;" class="">销售量</div>
						</th>
						<th align="center" abbr="article_time" axis="col6" class="">
							<div style="text-align: center; width: 100px;" class="">销售额</div>
						</th>
						<th align="center" abbr="article_time" axis="col6" class="">
							<div style="text-align: center; width: 100px;" class="">均价</div>
						</th>
						<th style="width:100%" axis="col7">
							<div></div>
						</th>
					</tr>
					</thead>
				</table>
			</div>
		</div>
		<div class="bDiv" style="height: auto;">
			<div id="flexigrid" cellpadding="0" cellspacing="0" border="0">
				<table>
					<tbody>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">1</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;">Canon/佳能 EOS 750D单反套机（18-55mm）高清数码相机苏宁易购</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">cs0001</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">24</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">47050.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">1960.42</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">2</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;">Apple iPhone 7 Plus (A1661) 128G 黑色 移动联通电信4G手机</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">TP012230121812</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">3</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">19197.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">6399</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">3</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;">SIEMENS/西门子 KA92NV09TI双开门家用对开门电冰箱变频旗舰款</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">cs00005</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">2</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">8000.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">4000</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">4</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;"> Haier/海尔 EG8012B29WI 8公斤大容量全自动变频静音滚筒洗衣机</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">cs0006</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">1</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">1199.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">1199</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">5</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;">撒旦发生的发生</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">适当放松的防守对方</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">1</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">500.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">500</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">6</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;">贝因美(Beingmate) 金装爱+ 幼儿配方奶粉 3段(12-36个月幼儿适用) 900克(100%进口原料)</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">TP01292012</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">2</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">500.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">250</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">7</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;">ce ce</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">cs23456</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">1</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">200.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">200</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">8</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;">test抢购商品</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">TP0000006</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">2</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">180.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">90</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">9</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;">【0首付分期】蚂蚁摄影联保单反数码相机Canon/佳能 EOS 760D套机</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">cs0002</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">8</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">152.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">19</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">10</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;">老妈那里买了块</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">TP0000010</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">1</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">100.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">100</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">11</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;">test商品</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">614654636</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">2</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">90.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">45</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">12</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;">中国电信4G号卡手机卡电话卡上网卡177号段套餐可选 预存1200全返</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">测试0004</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">1</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">50.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">50</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
											<tr>
							<td class="sign">
								<div style="width: 24px;"><i class="ico-check"></i></div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 50px;">13</div>
							</td>
							<td align="left" class="">
								<div style="text-align: left; width: 600px;"> 商品测试1块钱</div>
							</td>
							<td align="left" class="">
								<div style="text-align: center; width: 100px;">TP0000148</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 50px;">1</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">1.00</div>
							</td>
							<td align="center" class="">
								<div style="text-align: center; width: 100px;">1</div>
							</td>
							<td align="" class="" style="width: 100%;">
								<div>&nbsp;</div>
							</td>
						</tr>
										</tbody>
				</table>
			</div>
			<div class="iDiv" style="display: none;"></div>
		</div>
	</div>
</div>
<script>
	$(document).ready(function(){
		// 表格行点击选中切换
		$('#flexigrid > table>tbody >tr').click(function(){
			$(this).toggleClass('trSelected');
		});

		// 点击刷新数据
		$('.fa-refresh').click(function(){
			location.href = location.href;
		});
	});

</script>
</body>
</html>